<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<script src="js/jquery-1.11.1.js"></script>-->
    <script src="js/avalon.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/todo.css" rel="stylesheet">
    <script src="js/todo.js"></script>
    <script src="js/jquery-1.11.1.min.js"></script>

</head>
<body style="background-color: rgb(235, 251, 254)" >
<div class="all" >
    <div class="container"  id="summary-container" >
        <div class="row">
            <div class="col-md-4" >
                <ul class="time">
                    <li id="nian" style="font-size: 36px"><strong></strong></li>
                    <li id="tian" style="font-size: 26px"><strong></strong></li>
                    <li id="shi" style="font-size: 52px"><strong></strong></li>
                </ul>
                <br><br><br>
                <div style=" height: 1px;width: 100%; background-color: #a6e2fc"></div>
                <span class="henXian">刘强</span>
            </div>
            <div  ms-controller="Home">
                    <div class="col-md-8">
                        <div class="left" >
                            <div class="task-box-title top">
                                <button ms-click="pageToggle(0)" class="top-left" ms-class="now:page==0">ToDoList</button>
                                <button ms-click="pageToggle(1)" class="top-left" ms-class="now:page==1">DoneList</button>
                                <div class="pull-right top-right"  ms-click="add">+</div>
                            </div>
                            <div class="task-box-body" >
                                <div ms-repeat="list" class="task"  ms-visible="el.Check==page">

                                    <!--正常状态下的-->
                                    <div ms-visible="!el.Editing" ms-click="focusToggle($index)" ms-class="focus:el.Focusing">
                                        <div   class="nei"  ms-click="sakai($index)"
                                              ms-class="nei_big:$index == newList" >

                                <div id="1"  style="font-size:14px;margin-left: 50px;padding-top: 25px " >
                                    <div>
                                            {{el.EndTime}}
                                        </div>
                                        <div>
                                            {{el.TaskName}}
                                        </div>
                                </div>
                                            <div class="tan_button"  id="xianShi" style="float:right; position: absolute;top: 0px;right:20px;">
                                                <div class="tan_button_top" ms-click="editToggle($index)" >编辑</div>
                                                <div class="tan_button_left" ms-click="focusToggle($index)" >撤销</div>
                                                <div class="tan_button_right" ms-click="del($index)">删除</div>
                                                <div class="tan_button_bottom" ms-click="checkToggle($index)">
                                                    <span ms-if="page==0">完成</span>
                                                    <span ms-if="page==1">未完</span>
                                                </div>
                                            </div>
                                        </div>

                                    </div>



                                        <div ms-visible="el.Editing">
                                            <div class="save" ms-click="save($index)">保存</div>
                                            <div class="cancel" ms-click="cancel($index)">取消</div>
                                        </div>

                                    <!--编辑状态的-->
                                    <div ms-visible="el.Editing" class="row" style="margin-top: -50px">
                                        <div class="col-xs-9">
                                            <label >内容</label>
                                            <input type="text" class="form-control" ms-duplex="el.TaskName">
                                        </div>
                                        <div class="col-xs-3">
                                            <label >时间</label>
                                            <input type="date" class="form-control" ms-duplex="el.EndTime">
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </div>
            <!--<div class="col-md-8" ms-controller="test"  >
                <div class="left">
                    <div  >
                            <div class="top">
                                <div class="top-left">
                                    <strong ms-click="toggle(1)" style="cursor: pointer">todoList</strong>&nbsp;&nbsp;
                                    <strong ms-click="toggle(2)" style="cursor: pointer">doneList</strong>
                                </div>
                            <div class="top_right"   >
                                <a href="#tanchu"  data-toggle="modal" data-target="#tanchu">+</a>
                            </div>
                            </div>
                        <div class="container" >
                            <div class="row">
                                <div class="col-md-2">
                                    <p>请输入时间:</p>
                                </div>
                                <div class="col-md-3">
                                    <input type="date" ms-duplex="data" >
                                </div>
                            </div><br>
                            <div class="row">
                        <span class="col-md-2">
                            <p>请输入你的计划内容:</p>
                        </span>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <input type="text " ms-duplex="text"  class="form-control" placeholder="输入你的计划">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button type="button" ms-click="add" >完成</button>

                        <div  ms-visible="currentIndex ===1" >
                            <div  ms-repeat="list" class="nei"  ms-click="sakai($index)"
                                  ms-class="nei_big:$index == newList" >

                                <span id="1"  style="font-size:20px; margin-left: 20px" >
                                    {{data}}<br>{{text}}
                                </span>
                                <div class="tan_button" id="xianShi" style="float:right; position: relative">
                                    <div class="tan_button_top"  >编辑</div>
                                    <div class="tan_button_left" ms-click="focusToggle($index)" >撤销</div>
                                    <div class="tan_button_right" ms-click="del($index)">删除</div>
                                    <div class="tan_button_bottom" ms-click="check($index)">保存</div>
                                </div>
                            </div>
                        </div>
                        <div  ms-visible="currentIndex ===2">

                        </div>
                    </div>
                </div>
            </div>-->
        </div>
    </div>
</div>
<!--<div class="modal fade" id="tanchu" tabindex="-1" role="dialog"  aria-labelledby="myModalLabel" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">新建计划</h4>
            </div>
            <div class="modal-body" style="height: 140px"  >
                <div class="container" >
                    <div class="row">
                        <div class="col-md-2">
                            <p>请输入时间:</p>
                        </div>
                        <div class="col-md-3">
                            <input type="date" ms-duplex="el.data" >
                        </div>
                    </div><br>
                    <div class="row">
                        <span class="col-md-2">
                            <p>请输入你的计划内容:</p>
                        </span>
                        <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text " ms-duplex="el.text"  class="form-control" placeholder="输入你的计划">
                                </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" ms-click="add" >完成</button>
            </div>
        </div>
    </div>
</div>-->
</body>
<script src="js/bootstrap.min.js"></script>
</html>